<template>
<div class="container">
    <div class="div1">
        <p><strong>每日秒杀</strong></p>
        <p id="top1">爆款限量秒杀</p>
        <img src="../../../../../assets/image/home/homeActivity/1.png">
    </div>
    <div class="div2">
        <time-countdown tag="p"></time-countdown>
        <br />
        <img src="../../../../../assets/image/home/homeActivity/1.png">
    </div>
</div>
</template>

<script>
// 引入倒计时的秒表
import TimeCountdown from '../../../../commentCompontents/timeCountdown'
export default {
    name: "everydayBuy",
    components: {
        TimeCountdown,
    }
}
</script>

<style scoped>
.container {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
}

.container>div {
    font-size: .4rem;
}

.div1 {
    width: 50%;
}

.div1>* {
    width: 100%;

}

.div1:first-child {
    margin-top: .3rem;
}

.div2 {
    width: 50%;
}

.div2>* {
    width: 100%;
    margin-top: .3rem;
}

#top1 {
    color: red;
    font-size: .35rem;
    white-space: nowrap;
    margin-top: .3rem;
}
</style>
